<html xmlns="http://www.w3.org/1999/xhtml" xmlns:xlink="http://www.w3.org/1999/xlink">
  <head>
    <title> &lt;svg:image&gt; fails to position correctly when &lt;svg&gt; is inside an inline &lt;div&gt; (Bug 14051)</title>
    <style>
      div {
        display: inline;
      }
    </style>
  </head>

  <body>
    <h1>SVG Images in Inline CSS Elements</h1>
    <p>
      The two following blocks should display side-by-side a 75x75 pixels image with a 3 pixels border overlaid on top of the image (Bug 14051).
    </p>
    <div>
      <svg xmlns="http://www.w3.org/2000/svg" width="75" height="75">
        <image xlink:href="resources/green-checker.png" width="75" height="75" />
        <rect width="75" height="75" stroke="red" stroke-width="6" fill="none" />
      </svg>        
    </div>
    <div>
      <svg xmlns="http://www.w3.org/2000/svg" width="75" height="75">
        <image xlink:href="resources/green-checker.png" width="75" height="75" />
        <rect width="75" height="75" stroke="red" stroke-width="6" fill="none" />
      </svg>        
    </div>
  </body>
</html>
